<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发布文章</title>
<!--    bootstrap-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <!--&lt;!&ndash;bootstrap-fileinput&ndash;&gt;-->
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-fileinput/4.4.7/css/fileinput.css">-->
    <!--<script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.7/js/fileinput.js"></script>-->
    <!--<script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.7/js/locales/zh.min.js"></script>-->

    <!--summernote-->
    <link href="/css/summernote.css" rel="stylesheet">
    <script src="/js/summernote.js"></script>
</head>
<body>
    <div id="app">
        <!--导航栏-->
        <!-- Links -->
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">今日头条</a>
                </div>
                <div>
                    <!--向右对齐-->
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                发布作品 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">发布文章</a></li>
                                <li><a href="#">发布相册</a></li>
                                <li><a href="#">发布微动态</a></li>
                                <li><a href="#">发布问答</a></li>
                                <li><a href="#">发布视频</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="navbar-nav navbar-right">
                    <p class="navbar-text ">滕老师</p>
                </div>

            </div>
        </nav>

    <!--    文章输入-->
        <div class="container">
            <h4>文章标题</h4>
            <div class="form-inline">
                <input type="text"  style="width: 100%" placeholder="输入标题（5~3个字）" class="form-control" >&nbsp;

            </div>
            <h4>文章正文</h4>
            <div id="summernote"><p>输入正文...</p></div>
            <div style="margin-left: 42%">
                <button type="button" class="btn btn-success">
                    保存草稿
                </button>
                &nbsp;&nbsp;
                <button type="button" class="btn btn-primary">
                    发表文章
                </button>
            </div>
            <!--封面上传-->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">请选择Excel文件</h4>
                        </div>
                        <div class="modal-body">
                            <a href="~/Data/ExcelTemplate/Order.xlsx" class="form-control" style="border:none;">下载导入模板</a>
                            <input type="file" name="txt_file" id="txt_file" multiple class="file-loading" />
                        </div></div>
                </div>
            </div>

        </div>
    </div>

    <!--axios-->
    <script src="/js/vue/axios.min.js"></script>
    <!--vue-->
    <script src="/js/vue/vue.js"></script>

    <script>

        let v = new Vue({
            el: "#app",
            data: {

            },
            created: function () {
                $('#summernote').summernote({
                    height: 435, //设置高度
                    lang: 'zh-CN', //设置中文
                    codemirror: { //设置主题风格
                        theme: 'monokai'
                    }
                });

                // //初始化fileinput
                // var FileInput = function () {
                //     var oFile = new Object();
                //
                //     //初始化fileinput控件（第一次初始化）
                //     oFile.Init = function(ctrlName, uploadUrl) {
                //         var control = $('#' + ctrlName);
                //
                //         //初始化上传控件的样式
                //         control.fileinput({
                //             language: 'zh', //设置语言
                //             uploadUrl: uploadUrl, //上传的地址
                //             allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
                //             showUpload: true, //是否显示上传按钮
                //             showCaption: false,//是否显示标题
                //             browseClass: "btn btn-primary", //按钮样式
                //             //dropZoneEnabled: false,//是否显示拖拽区域
                //             //minImageWidth: 50, //图片的最小宽度
                //             //minImageHeight: 50,//图片的最小高度
                //             //maxImageWidth: 1000,//图片的最大宽度
                //             //maxImageHeight: 1000,//图片的最大高度
                //             //maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
                //             //minFileCount: 0,
                //             maxFileCount: 10, //表示允许同时上传的最大文件个数
                //             enctype: 'multipart/form-data',
                //             validateInitialCount:true,
                //             previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                //             msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
                //         });
                //
                //         //导入文件上传完成之后的事件
                //         $("#txt_file").on("fileuploaded", function (event, data, previewId, index) {
                //             $("#myModal").modal("hide");
                //             var data = data.response.lstOrderImport;
                //             if (data == undefined) {
                //                 toastr.error('文件格式类型不正确');
                //                 return;
                //             }
                //             //1.初始化表格
                //             var oTable = new TableInit();
                //             oTable.Init(data);
                //             $("#div_startimport").show();
                //         });
                //     }
                //     return oFile;
                // };
                //
                //
                // //0.初始化fileinput
                // var oFileInput = new FileInput();
                // oFileInput.Init("txt_file", "/api/OrderApi/ImportOrder");



            }

        });

    </script>
</body>
</html>